<template>
  <div>
     <c-header :active="type" @changeType="getType"></c-header>
     <div class="title">产品中心-实木复合地板-结构及尺寸总览</div>
     <div class="content">
       <p class="content-title">PREGO 地板能承受各种日常生活中的挑战，保持天然美丽恒久不衰。每块地板都是由三层实木组成，表面涂有保护水性漆或油漆处理。</p>
       <div class="content-item">
         <h2>结构总览</h2>
         <div class="c-item-imgbox">
           <img src="http://www.pergo.com.cn/sites/default/files/article/product_build-up-2-1.jpg" alt="">
         </div>
         <div class="content-text">
           <p>精心排列的实木层，纹理朝不同方向延伸。</p>
           <p>这一独特巧妙的结构有效缓解了因日常使用、季节性气候变化和潮湿引发的地板自然膨胀和收缩。</p>
           <p>云杉或松木芯板有效承载地板经受的压力和拉力，保持地板在任何使用条件下都保持稳定状态。</p>
         </div>

          <div class="c-item-imgbox1">
           <img src="http://www.pergo.com.cn/sites/default/files/article/product_build-up-2-2.jpg" alt="">
         </div>

         <div class="content-tips">
           <p style="color:#555"><strong>1. 防护性面漆</strong></p>
           <p class="tips-text">7层防紫外线水性漆或油处理，保证产品得到最大保护，并且易于维护。</p>
           <p style="color:#555"><strong>2. 表层</strong></p>
           <p class="tips-text">精挑细选的实木面层（3.2毫米），可打磨2到3次。</p>
           <p style="color:#555"><strong>3. 加强芯层</strong></p>
           <p class="tips-text">芯层可吸收地板经受的压力和拉力，确保地板在长效的使用过程中保持稳定状态。</p>
            <p style="color:#555"><strong>4. 平衡背层</strong></p>
           <p class="tips-text">平衡背层取材生态认证的木材，帮助地板保持平衡稳定的状态。</p>
         </div>


       </div>
       <div class="content-item">
          <h2>尺寸总览</h2>
          <div class="size-imgbox">
            <img src="http://pergo.weilang.top/index/img/product3.png" alt="">
          </div>
          <div class="size-tips">
            <p>全新的柏丽地板拥有更长的尺寸，其长度让您过目难忘。</p>
            <p>大尺寸的地板能让您的房间看起来更宽敞，也能让整个房间内部看起来更时尚更现代。</p>
            <p>如今的佰丽地板比以前更宽、更长。</p>
            <p>我们最长的木地板：长220厘米，宽22厘米。</p>
            <p>这种尺寸直观上看非常简洁，您势必要体验一下。</p>
            <p>尽管地板尺寸变长了，但是全新柏丽三层实木地板的安装操作还是一如既往的简单。</p>
            <p>因为PerfectFold3.0下压式锁扣系列使得仅凭一人之力就能将木地板安装就绪。</p>
            <p>访问离您最近的经销商，找到您最心仪的木地板！</p>
          </div>
       </div>
     </div>
     <c-footer></c-footer>
  </div>
</template>

<script>

  export default {
    name:'',
    props:[''],
    data () {
      return {
        type: this.$route.query.type ? this.$route.query.type : 0,
      };
    },

    components: {},

    computed: {},

    beforeMount() {},

    mounted() {},

    methods: {
       getType(type) {
        this.type = type
      },
    },

    watch: {}

  }

</script>
<style lang='less' scoped>
.content{
  padding: 0.35rem 0.25rem 0;
  margin-bottom: 0.8rem;
  .content-title{
    font-weight: bold;
  }
  .content-item{
    margin-top: 0.5rem;
    .c-item-imgbox{
      height: 4.9rem;
      border: 1px solid #eee;
      margin-top: 0.25rem;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .content-text{
      color: #6e6e6e;
      margin-top: 0.2rem;
      margin-bottom: 0.4rem;
    }
    .c-item-imgbox1{
      height: 5.2rem;
      margin-bottom: 0.35rem;
       border: 1px solid #eee;
       img{
        width: 100%;
        height: 100%;
      }
    }
  }
}
.content-tips{
  .tips-text{
      color: #6e6e6e;
  }
}
.size-imgbox{
  height: 9.2rem;
   margin-top: 0.25rem;
   margin-bottom: 0.35rem;
   img{
        width: 100%;
        height: 100%;
      }
}
.size-tips{
   color: #6e6e6e;
}
</style>